<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/_reset.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/statical.css" />
	</head>
	<style type="text/css">
		html,
		body {
			overflow-y: hidden!important;
		}
		
		body {
			overflow-y: auto!important;
		}
		
		.ullis {
			margin-left: 0px!important;
		}
		
		.panel {
			margin-top: 10px;
		}
		
		.panel-heading:hover {
			background: gainsboro;
		}
		
		.span2 {
			min-width: 13%!important;
		}
		
		.panel_body .span2 {
			margin-right: 4px;
		}
		
		.panel-heading:hover {
			background: #f3eee5!important;
		}
		
		.mains:nth-child(2n) {
			margin-left: 40px;
		}
		
		.Statisticak_web .ullis li {
			font-size: 1vw;
		}
		
		.mainsMax {
			width: 98%!important;
			height: 400px!important;
			display: inline-block!important;
		}
		.mainsMin {
			width: 48%!important;
			height: 400px!important;
			display: inline-block;
		}
		
	</style>

	<body>
		<div class="Statisticak_web commons commons_son">
			<!--内容-->
			<div class="content">
				<div class="layui-tab layui-tab-card" style="margin-bottom: 0px;">
					<ul class="layui-tab-title" id="tab_list" style="margin-bottom: 0px;">
						<li id="flowing_up" data-type="folwing_up" class="layui-this hide"><i class="layui-icon">&#xe612;</i>&nbsp;通话时长</li>
						<li id="flowing_up2" data-type="folwing_up2" class="layui-this zhaoshangwe"><i class="layui-icon">&#xe612;</i>&nbsp;部门统计</li>
					</ul>
					<div class="layui-tab-content" style="padding: 0px;">
						<!--招商统计1-->
						<div class="layui-tab-item hide">
							<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="border: none;margin: 0px!important;">
								<ul class="layui-tab-title ullis" style="margin-bottom: 0px;">
									<li class="layui-this">通话时长<i class="layui-icon">&#xe602;</i></li>
								</ul>
								<div class="layui-tab-content" style="width:88%;float: right;padding-left: 0px;padding-right: 0px;">
									<!--招商1-->
									<div class="layui-tab-item layui-show">
										<div class="layui-form">
											<div class="layui-form-item">
												<div class="layui-inline">
													<label class="layui-form-label">创建日期范围：</label>
													<div class="layui-input-inline">
														<input type="text" class="layui-input" name="time" id="test6" placeholder="请选择日期">
													</div>
													<label class="layui-form-label">部门查看：</label>
													<div class="layui-input-inline">
														<select class="add_user_department" name="quiz1" id="seach_department" lay-search="">
														</select>
													</div>
													<button class="layui-btn layui-btn-radius searchs keydown_search" data-type="reload_sbm"><i class="layui-icon">&#xe615;</i>&nbsp;&nbsp;搜索</button>
												</div>
											</div>
										</div>

										<table id="LAY_table_usering" lay-filter="demo1"></table>
										<script type="text/html" id="barDemo1">
											<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
											<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
											<a id="Call_phone" class="layui-btn layui-btn-xs layui-btn-danger" lay-event="call_ip">拨打</a>
										</script>
										<script id="createTime" type="text/html">
											{{formatSeconds(d.sc)}}
										</script>
										<script type="text/html" id="zizeng">
											{{d.LAY_TABLE_INDEX+1}}
										</script>
									</div>
									<!--招商2-->
									<div class="layui-tab-item">内容2</div>
									<!--招商3-->
									<div class="layui-tab-item">内容3</div>
									<!--招商4-->
									<div class="layui-tab-item">内容4</div>
									<!--招商5-->
									<div class="layui-tab-item">内容5</div>
								</div>
							</div>
						</div>
						<!--招商统计2-->
						<div class="layui-tab-item layui-show">
							<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="border: none;margin: 0px!important;">
								<ul class="layui-tab-title ullis" style="margin-bottom: 0px;">
									<li class="depart_tj" data-type="depar_type">部门统计<i class="layui-icon">&#xe602;</i></li>
									<li class="dbl_class" data-type="dbl_type">部门达标率<i class="layui-icon">&#xe602;</i></li>
									<li class="Platform_efficiency layui-this" data-type="Platform_type">平台有效率<i class="layui-icon">&#xe602;</i></li>
								</ul>
								<div class="layui-tab-content show_son" style="width:88%;float: right;padding-top: 5px;padding-left: 0px;padding-right: 0px;">
									<!--部门统计   资源实时监控内容-->
									<div id="panel_dome" class="layui-tab-item" style="border: 1px solid #d8cbcb;margin-top: 5px">
										<label class="layui-form-label" style="margin-top: 5px;">项目名称：</label>
										<div class="layui-input-inline" style="width: 9vw;border-radius: 5px;margin-top: 5px;">
											<input type="text" name="name" id="project_name" class="layui-input">
										</div>
										<button class="layui-btn layui-btn-radius searchs keydown_search" data-type="resoure_search" style="margin-top: 5px;margin-left: 5px;"><i class="layui-icon">&#xe615;</i>&nbsp;&nbsp;搜索</button>
										<div class="panel_div"></div>
									</div>
									<!--招商2  折线图-->
									<div class="layui-tab-item" id="echart_demos" style="border: 1px solid #d8cbcb;">
									</div>
									<!--平台有效率-->
									<div class="layui-tab-item" id="Platform_demo" style="border: 1px solid #d8cbcb;">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/header.js" type="text/javascript" charset="utf-8"></script>
	<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/echarts.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/statistical.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		function formatSeconds(value) {
			var theTime = parseInt(value);
			var theTime1 = 0;
			var theTime2 = 0;
			if(theTime > 60) {
				theTime1 = parseInt(theTime / 60);
				theTime = parseInt(theTime % 60);
				if(theTime1 > 60) {
					theTime2 = parseInt(theTime1 / 60);
					theTime1 = parseInt(theTime1 % 60);
				}
			}
			var result = "" + parseInt(theTime) + "秒";
			if(theTime1 > 0) {
				result = "" + parseInt(theTime1) + "分" + result;
			}
			if(theTime2 > 0) {
				result = "" + parseInt(theTime2) + "小时" + result;
			}
			return result;
		}
	</script>

</html>